<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</h:head>

<h:body>
	<ui:composition template="/XHTML/CommonColumnsContent.xhtml">
		<ui:define name="header">
			<ui:include src="/WEB-INF/facelets/header.html" />
		</ui:define>
		<ui:define name="body">
			<f:view>
				<p:ajaxStatus onstart="statusDialog.show();"
					onsuccess="statusDialog.hide();" />
				<p:dialog modal="true" widgetVar="statusDialog" header="Procesando"
					draggable="false" closable="false">
					<p:graphicImage width="280px" height="40px" 
						value="#{facesContext.externalContext.request.scheme}://#{facesContext.externalContext.request.serverName}:#{facesContext.externalContext.request.serverPort}#{facesContext.externalContext.request.contextPath}/images/loading.gif" />
				</p:dialog>
				<br />
				<br />
				<h:form id="form">
					<p:panel id="panel2">

						<f:facet name="header">
							<p:commandButton value="Volver"
								action="menuTipos.xhtml?faces-redirect=true"
								icon="ui-icon-arrowreturnthick-1-w" />
						</f:facet>
						<p:messages id="msg2" />

						<h:panelGrid style="margin: 0 auto;">
							<p:dataTable id="pGarantia"
								value="#{periodoGarantiaView.periodoGarantiaModel}"
								var="periodoGarantia"
								selection="#{periodoGarantiaView.selectedPeriodoGarantia}"
								paginator="true" rows="5">

								<f:facet name="header">
							Periodo Garantía
						</f:facet>

								<p:column selectionMode="single" style="width:2%" />					 
                    						
							<p:column filterBy="#{periodoGarantia.mesesParticular}" sortBy="#{periodoGarantia.mesesParticular}" >
							 <f:facet name="header">
							<h:outputText value="Meses Particular"/>
							</f:facet>
							 <h:outputText value="#{periodoGarantia.mesesParticular}"/>
							</p:column>   
                    						
							<p:column filterBy="#{periodoGarantia.mesesPublico}" sortBy="#{periodoGarantia.mesesPublico}" >
							 <f:facet name="header">
							<h:outputText value="Meses Publico"/>
							</f:facet>
							 <h:outputText value="#{periodoGarantia.mesesPublico}"/>
							</p:column>   
                    										
							<p:column filterBy="#{periodoGarantia.idGrpo_Grupo2}" sortBy="#{periodoGarantia.idGrpo_Grupo2}" >
							 <f:facet name="header">
							<h:outputText value="Grupo"/>
							</f:facet>
							 <h:outputText value="#{periodoGarantia.idGrpo_Grupo2}"/>
							</p:column>   

							<p:column filterBy="#{periodoGarantia.estadoRegistro}" sortBy="#{periodoGarantia.estadoRegistro}" >
							 <f:facet name="header">
							<h:outputText value="Estado Registro"/>
							</f:facet>
							 <h:outputText value="#{periodoGarantia.estadoRegistro}"/>
							</p:column>   

								<f:facet name="footer">
									<p:commandButton id="createButton" value="Crear"
										action="#{periodoGarantiaView.action_crear()}"
										icon="ui-icon-newwin" update=":form"
										binding="#{periodoGarantiaView.btnCrear}"
										oncomplete="PF('singleCarDialog').show()" />

									<p:commandButton id="viewButton" value="Editar"
										action="#{periodoGarantiaView.action_buscar2()}"
										icon="ui-icon-pencil" update=":form"
										binding="#{periodoGarantiaView.btnModify}"
										oncomplete="PF('singleCarDialog').show()" />
								</f:facet>

							</p:dataTable>

							<p:dialog id="dialog" header="Detalle Periodo Garantía" modal="true"
								widgetVar="singleCarDialog" resizable="false" showEffect="fade"
								hideEffect="explode" closable="false" position="top">

								<p:messages id="msg" />

								<h:panelGrid id="panelBotones" columns="2"
									style="margin: 0 auto;">

									<p:commandButton id="btnGuardar" value="Guardar"
										disabled="true"
										action="#{periodoGarantiaView.action_modify}"
										binding="#{periodoGarantiaView.btnSave}"
										icon="ui-icon-disk" update="msg,panel,panelBotones,msg2" />

									<p:commandButton id="btnCerrar" value="Cerrar"
										icon="ui-icon-close" update=":form"
										oncomplete="PF('singleCarDialog').hide()" process="@this"
										actionListener="#{periodoGarantiaView.action_cerrar()}">
										<p:resetInput target="panel" />
									</p:commandButton>

								</h:panelGrid>

								<h:panelGrid columns="6" id="panel" style="margin: 0 auto;">

									
									
									<h:outputText id="msgMesesParticular" value=" Meses Particular: " />
									<p:inputText id="txtMesesParticular" disabled="true" 
										placeholder="000"
										binding="#{periodoGarantiaView.txtMesesParticular}" />
										<br />
									
								<h:outputText id="msgMesesPublico" value=" Meses Público: " />
									<p:inputText id="txtMesesPublico" disabled="true" 
									placeholder="000"
										binding="#{periodoGarantiaView.txtMesesPublico}" />
									<br />
									
									
																		
									<h:outputText id="msgEstadoRegistro" value=" Estado Registro:*" />
									<p:selectOneMenu id="txtEstadoRegistro"
										value="#{periodoGarantiaView.selectItemEstado}"
										disabled="true"
										binding="#{periodoGarantiaView.txtEstadoRegistro}"
										style="width:100%" required="true"
										requiredMessage="Seleccion requerida Estado Registro">
										<f:selectItem itemLabel="Seleccionar" itemValue="" />
										<f:selectItem itemLabel="Activo" itemValue="A" />
										<f:selectItem itemLabel="Retirado" itemValue="R" />
									</p:selectOneMenu>
									<p:message for="txtEstadoRegistro" display="icon" />

								</h:panelGrid>

<p:separator id="separator" />

								<p:accordionPanel id="acordion" activeIndex="3"
									binding="#{periodoGarantiaView.acordion}">
									<p:tab title="Grupo" disabled="false"
										binding="#{periodoGarantiaView.txtPGrupo}">
										<h:panelGrid style="margin: 0 auto;">
											<p:dataTable id="grupo" value="#{grupoView.grupoModel}"
												var="grupo"
												selection="#{periodoGarantiaView.selectedGrupo}"
												paginator="true" rows="3" style="margin: 0 auto;">

												<f:facet name="header">
												Grupo
												</f:facet>

												<p:column selectionMode="single" style="width:2%" />


												<p:column filterBy="#{grupo.grupo_1}"
													sortBy="#{grupo.grupo_1}">
													<f:facet name="header">
														<h:outputText value="Grupo" />
													</f:facet>
													<h:outputText value="#{grupo.grupo_1}" />
												</p:column>



												<p:column filterBy="#{grupo.idFlia_Familia}"
													sortBy="#{grupo.idFlia_Familia}">
													<f:facet name="header">
														<h:outputText value="Id Familia" />
													</f:facet>
													<h:outputText value="#{grupo.idFlia_Familia}" />
												</p:column>

												<p:column filterBy="#{grupo.idGrpo_Grupo}"
													sortBy="#{grupo.idGrpo_Grupo}">
													<f:facet name="header">
														<h:outputText value="Grupo Superior" />
													</f:facet>
													<h:outputText value="#{grupo.idGrpo_Grupo}" />
												</p:column>

												

												<p:column filterBy="#{grupo.estadoRegistro}"
													sortBy="#{grupo.estadoRegistro}">
													<f:facet name="header">
														<h:outputText value="Estado Registro" />
													</f:facet>
													<h:outputText value="#{grupo.estadoRegistro}" />
												</p:column>
												<f:facet name="footer">
													<p:commandButton id="noButton1" value="Quitar Selección"
														action="#{periodoGarantiaView.desactivarGrupo()}"
														icon="ui-icon-circle-close" update="grupo" />
												</f:facet>
											</p:dataTable>
										</h:panelGrid>
									</p:tab>
								</p:accordionPanel>
							</p:dialog>

						</h:panelGrid>

					</p:panel>

				</h:form>

			</f:view>
		</ui:define>

	</ui:composition>

</h:body>

</html>